<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>灯控系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<script  src="${pageContext.request.contextPath}/js/jquery/jquery-3.1.1.min.js" type="text/javascript"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

	<style type="text/css">
		body{margin:0;padding: 0;min-height: 768px;min-width: 1024px;}
		.topdiv{height: 52px;background-color: white;}
		.logodiv{height:52px;width: 200px;float: left; background-image:url("${pageContext.request.contextPath}/img/login/logo.png");background-position: 10% 30%;}
		.selectedcss{border-bottom-color: grey !important;}
		.menu{height:50px;cursor: pointer;float:left;}
		.menu div{height:50px;width:100px;float: left;  background-color:lightgreen; border-color: white;border-style: solid;border-width: 2px;}
		.menu div:HOVER{border-color: green;}
		.logininfo{height:52px;width:100px;float:right;background-color:lightgrey;}
		.content{margin-top:0px;border-top-color: black;border-top-style: solid;border-top-color: grey;}
	</style>
	
	<script type="text/javascript">
		function clickmenu(menuitem,srcStr) {
			$("#menudiv").children().each(function(i,dom) {
				$(dom).removeClass("selectedcss");
			});
			
			$(menuitem).addClass("selectedcss");
			
			$("#mainframe").attr("src",srcStr);
		}
	</script>
  </head>
  
  <body>
  	<div class="topdiv">
  		<div class="logodiv"></div>
	    <div id="menudiv" class="menu">
	    	<div onclick="clickmenu(this,'${pageContext.request.contextPath}/monitor.do')">
	    		主界面监控
	    	</div>
	    	<div onclick="clickmenu(this,'${pageContext.request.contextPath}/showMap.do')">地图界面管理</div>
	    	<div onclick="clickmenu(this,'${pageContext.request.contextPath}/showUserList.do')">用户管理</div>
	    	<div onclick="clickmenu(this,'${pageContext.request.contextPath}/showRoleList.do')">用户管理(角色)</div>
	    	<div onclick="clickmenu(this,'${pageContext.request.contextPath}/showConfig.do')">配置相关</div>
	    	<div onclick="clickmenu(this,'${pageContext.request.contextPath}/showDevice.do')">路灯设备管理界面</div>
	    	<div onclick="clickmenu(this,'${pageContext.request.contextPath}/faultList.do')">报表数据</div>
	    </div>
	    <div class="logininfo">
	    	<span>欢迎您，xxx</span>
	    	<span><a href="${pageContext.request.contextPath}/logout.do">退出</a></span>
	    </div>
  	</div>
    <div class="content">
    	<iframe id="mainframe" src="${pageContext.request.contextPath}/monitor.do" height="94%" width="100%" style="border-top: 0px;"></iframe>
    </div>
  </body>
</html>
